<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>多人在线五子棋</title>

<link rel="stylesheet" href="css/style.css">

</head>
<body>
<div>
	<span>url:</span>
	<input type="text" id="url" value="wss://broadcastlv.chat.bilibili.com/sub">
</div>
<div>
	<span>roomid:</span>
	<input type="text" id="roomid" value="21569100">
</div>
<div>
	<a href="javascript:WebSocketTest()">登录</a>
</div>

<div id="box">
	<div id="side-top">
		<p class="margleft">&nbsp 1</p>
		<p>&nbsp 2</p>
		<p>&nbsp 3</p>
		<p>&nbsp 4</p>
		<p>&nbsp 5</p>
		<p>&nbsp 6</p>
		<p>&nbsp 7</p>
		<p>&nbsp 8</p>
		<p>&nbsp 9</p>
		<p>10</p>
		<p>11</p>
		<p>12</p>
		<p>13</p>
		<p>14</p>
	</div>
	<div id="side">
		<p>1</p>
		<p>2</p>
		<p>3</p>
		<p>4</p>
		<p>5</p>
		<p>6</p>
		<p>7</p>
		<p>8</p>
		<p>9</p>
		<p>10</p>
		<p>11</p>
		<p>12</p>
		<p>13</p>
		<p>14</p>
	</div>
	<div id="centent">
		<canvas id="canvas" width="450" height="450"></canvas>
	</div>
	<button id="button">撤回</button>
	<button id="anew">重开</button>
	<div id="state">
		<div class="state-chess Bchess"></div>
		<div class="chessName">黑棋走</div>
	</div>
	<div id="winner">
		<div class="state-chess Bchess"></div>
		<div class="chessName"></div>
	</div>
</div>
<script src="js/main.js"></script>
<script src="js/script.js"></script>
<script src="../bilidanmu/pako.js"></script>

<script>
    game.drawLine()
    game.canvas.addEventListener("mousedown",game.canvasClick)
    game.regret_chess.addEventListener("mousedown",game.regret)
    game.anew.addEventListener("mousedown",game.anewClick)
</script>

</body>
</html>
